<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <title>关于XXX</title>
    <meta
      name="viewport"
      content="initial-scale=1.0, maximum-scale=1.0"
    />
    <meta name="keywords" content="XXXXXX" />
    <meta name="description" content="XXXXXXXXX" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script>
    <link href="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.8/swiper-bundle.min.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.8/swiper-bundle.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/animate.css" />
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script
      type="text/javascript"
      src="../js/jquery.SuperSlide.2.1.1.js"
    ></script>

    <script type="text/javascript" src="../js/wow.min.js"></script>
    <script type="text/javascript">
      new WOW().init();
    </script>
    <style>
      .jm-step-img {
        display:inline-block; width: 100vw; min-height:400px; max-height: 900px;
        margin-left: auto;
        margin-right: auto;
      }
    </style>
  </head>
  <body>
    <div class="header">
      <div
        class="
          container
          d-flex
          flex-md-row
          justify-content-between
          prelat
          flex-sm-column
        "
      >
        <!-- d-sm-flex flex-sm-row flex-sm-nowrap flex-sm-column -->
        <!-- 联系电话 -->
        <div class="company d-md-block d-none">
          <p>上海XXX餐饮管理有限公司<br />XXX</p>
        </div>
        <!-- logo部分 -->
        <div class="logo">
          <a href="./index.html">
            <img src="./images/logo.png" />
          </a>
        </div>
        <!-- 联系电话 -->
        <div class="tel d-md-block d-none">
          <p>全国加盟<br />咨询热线<span>XXX</span></p>
        </div>
      </div>
    </div>
    <div class="container clear"></div>
    <div class="container fengge"></div>
    <div class="menu wow animated fadeInRight pt-4 pb-2">
      <div class="">
        <div class="menum"></div>
      </div>
    </div>
    <div class="banner wow animated fadeInLeft">
      <img src="./images/banner.jpg" alt="" />
    </div>

    <div class="pagetit">加盟指南</div>
    <div class="pagenav d-flex d-md-block">
      <li class="cur"><a href="#jm1">前景分析</a></li>
      <li><a href="#jm2">加盟流程</a></li>
      <li><a href="#jm3">加盟费用</a></li>
      <li><a href="#jm4">支持保障</a></li>
    </div>



    <!-- <div class="jm1">
      <div class="jm1_bg">
        <div id="jm1" class="jm1_tit1 wow animated fadeInDown">
          <img src="./images/jm_tit.png" alt="" />
        </div>
        <p class="p2">
          營運分析：（以10平門店為標準店，僅為前期預測，不做合同簽訂內容）<br />
          A類店：（月租金2.5——3萬）——地段很好(上海租金水平） <br />
          B類店：（月租金2—2.5萬）——地段較好 <br />
          C類店：（月租金1.5—2萬）——地段可以<br />
          D類店：（月租金1—1.5萬）——地段壹般
        </p>
        <div class="jm1_1 wow animated fadeInLeft">
          <img src="./images/jm1_1.jpg" alt="" />
        </div>
      </div>
    </div> -->
    <div class="jm2">
      <div class="jm2_bg">
        <div id="jm2" class=" wow animated fadeInRight text-center">
          <img class="jm-step-img" src="./images/jm2.jpg" alt=""/>
        </div>
      </div>
    </div>
    <div class="jm3">
      <div class="jm3_bg">
        <div id="jm3" class=" wow animated fadeInLeft">
          <img src="./images/jm3.jpg" alt="" />
        </div>
        <div class=" wow animated fadeInRight text-center">
          <img class="jm-step-img" src="./images/jm3_1.jpg" alt="" />
        </div>
      </div>
    </div>
    <div class="jm4">
      <div class="jm4_bg">
        <div id="jm4" class=" wow animated fadeInLeft">
          <img src="./images/jm4.jpg" alt="" />
        </div>
        <div class=" wow animated fadeInRight text-center">
          <img class="jm-step-img" src="./images/jm4_1.jpg" alt="" />
        </div>
      </div>
    </div>
    <div class="jm5">
      <ul>
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <a href="#"><img src="./images/pic.png" width="100%" /></a>
            </div>
            <div class="swiper-slide">
              <a href="#"><img src="./images/pic.png" width="100%" /></a>
            </div>
            <div class="swiper-slide">
              <a href="#"><img src="./images/pic.png" width="100%" /></a>
            </div>
            <div class="swiper-slide">
              <a href="#"><img src="./images/pic.png" width="100%" /></a>
            </div>
            <div class="swiper-slide">
              <a href="#"><img src="./images/pic.png" width="100%" /></a>
            </div>
          </div>
          <!-- Add Arrows -->
          <div class="swiper-button-next"></div>
          <div class="swiper-button-prev"></div>
        </div>
      </ul>
    </div>

    <div class="footer"></div>
    <script type="text/javascript" src="../js/ltk.js"></script>
    <script>
      initSwiper ()
      function initSwiper () {
        var swiper = new Swiper('.swiper-container', {
          slidesPerView: 3,
          spaceBetween: 0,
          centeredSlides: true,
          loop: true,
          navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
          },
          pagination: {
            el: '.swiper-pagination',
            clickable: true,
          },
        });
      }
    </script>
  </body>
</html>
